<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="导出报表" width="800px" :visible.sync="editVisible" :before-close="hideBox"
    append-to-body>
    <div v-loading="false">
        <LayoutCell>

            <el-form label-position="left" label-width="120px" :model="exportData">
                <div class="box">
                    <el-form-item label="用户昵称">
                        <el-input v-model="exportData.nickName.value"></el-input>
                    </el-form-item>

                    <el-form-item label="手机号">
                        <el-input v-model="exportData.mobile.value"></el-input>
                    </el-form-item>

                    <el-form-item label="客户编号">
                        <el-input v-model="exportData.memberCode.value"></el-input>
                    </el-form-item>

                    <el-form-item label="用户标签">
                        <el-select placeholder="请选择..." v-model="exportData.tagIdLst.value" multiple style="width:100%">
                            <el-option v-for="item in labelOptions" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="可用金额">
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.usableAmountStart.value" :min="0"  ></el-input-number>
                        </el-col>
                        <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                        <el-col :span="11">
                            <el-input-number  style="width: 100%;" v-model="exportData.usableAmountEmd.value" :min="100000" ></el-input-number>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="消费金额">
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.consumeAmountStart.value" :min="0"  ></el-input-number>
                        </el-col>
                        <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.consumeAmountEnd.value" :min="100000"  ></el-input-number>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="消费次数">
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.consumeCountStart.value" :min="0"  ></el-input-number>
                        </el-col>
                        <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.consumeCountEnd.value" :min="100000"  ></el-input-number>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="售后金额">
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.saleAfterAmountStart.value" :min="0"  ></el-input-number>
                        </el-col>
                        <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.saleAfterAmountEnd.value" :min="100000"  ></el-input-number>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="售后次数">
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.saleAfterCountStart.value" :min="0"  ></el-input-number>
                        </el-col>
                        <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                        <el-col :span="11">
                            <el-input-number style="width: 100%;" v-model="exportData.saleAfterCountEnd.value" :min="100000"  ></el-input-number>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="消费时间">
                        <el-date-picker
                        v-model="consumeTime"
                        @change="timeSelection(consumeTime, exportData.consumeTimeStartStr, exportData.consumeTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>
                    </el-form-item>

                    <el-form-item label="注册时间">
                        <el-date-picker
                        v-model="createdTime"
                        @change="timeSelection(createdTime, exportData.createdTimeStartStr, exportData.createdTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>
                    </el-form-item>

                    <el-form-item label="成为会员">
                        <el-date-picker
                        v-model="levelTime"
                        @change="timeSelection(levelTime, exportData.levelTimeStartStr, exportData.levelTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>
                    </el-form-item>

                    <el-form-item label="性别">
                        <el-radio-group v-model="exportData.gender.value">
                            <el-radio :label="null">不限</el-radio>
                            <el-radio :label="0">未知</el-radio>
                            <el-radio :label="1">男</el-radio>
                            <el-radio :label="2">女</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </div>

                <!-- <div class="footer">
                    <el-button @click="clearExport">
                        清空条件
                    </el-button>
                    <el-button type="primary" @click="exportTable">导出</el-button>
                </div> -->


            </el-form>
        </LayoutCell>


    </div>

    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="clearExport()">清空条件</el-button>
            </el-col>
            <el-col :span="12">
                <el-button type="primary" @click="exportTable()">导出</el-button>
            </el-col>
        </el-row>
    </div>


</el-dialog>